// 加载动画指令[自定义指令]

import styles from "./loading.module.less";

// 得到el中loading效果的div元素
function getLoading(el) {
  return el.querySelector("div[data-role=loading]");
}
function createLoadingImg() {
  const div = document.createElement("div");
  div.dataset.role = "loading";
  div.className = styles.loading + " el-icon-loading";
  return div;
}
export default function (el, binding) {
  const curDiv = getLoading(el);
  // 根据 binding.value 的值, 决定创建或删除div元素
  if (binding.value) {
    if (!curDiv) {
      const div = createLoadingImg();
      el.appendChild(div);
    }
  } else if (curDiv) {
    curDiv.remove();
  }
}
